﻿/*
 *	@modName:   base.css
 *	@version:	v1.0
 *	@author:	linder(sdata007@163.com)
 *  @require:	null
 *	@CrDate:	2012/5/4
 *	@Update:	2012/6/5
*/
/* -----------reset.css---------- */
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0; padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
abbr, acronym {border:0; font-variant:normal;}
input, button, textarea,
select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {line-height:1.5;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th {text-align:left;}
sup, sub {font-size:100%; vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
/* -----------HTML5标签设定---------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;}
/* -----------默认设定---------- */
html{font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow:auto;}
a {color:#0088cc; text-decoration: none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline; color:#005580; outline:0;}
a:active {text-decoration:underline; outline:0;}
a:focus {-moz-outline:none; outline:0;}
img {max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
button,input,select,textarea {margin: 0;font-size: 100%;vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea {overflow: auto; vertical-align: top;}
h1,h2,h3,h4,h5,h6 {margin: 0;font-family: inherit;font-weight: bold;color: inherit;text-rendering: optimizelegibility;}
h1 {font-size: 30px;line-height: 36px;}
h1 .small {font-size: 18px;}
h2 {font-size: 24px;line-height: 36px;}
h2 .small {font-size: 18px;}
h3 {font-size: 18px;line-height: 27px;}
h3 .small {font-size: 14px;}
h4,h5,h6 {line-height: 18px;}
h4 {font-size: 14px;}
h4 .small {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px; text-transform: uppercase;}
hr {margin: 18px 0; border: 0;}
.small {font-weight: normal;}
form {margin: 0 0 18px;}
fieldset {padding: 0;margin: 0;border: 0;}
label,input,button,select,textarea {font-size: 12px; font-weight: normal;line-height: 18px;}
input,button,select,textarea {font-family: Arial, sans-serif;}
label {display: block;margin-bottom: 5px;color: #333333;}
input,textarea,select,.uneditable-input {display: inline-block;width: 210px;height: 18px;padding: 4px;margin-bottom: 9px;font-size: 13px;line-height: 18px;color: #555555;background-color: #ffffff;border: 1px solid #cccccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.uneditable-textarea {width: auto;height: auto;}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {width: auto;height: auto;padding: 0;margin: 3px 0;*margin-top: 0;/* IE7 */line-height: normal;cursor: pointer;background-color: transparent;border: 0 \9;/* IE9 and down */-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
input[type="image"] {border: 0;}
input[type="file"] {width: auto;padding: initial;line-height: initial;background-color: #ffffff;background-color: initial;border: initial;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
input[type="button"],
input[type="reset"],
input[type="submit"] {width: auto;height: auto;}
select,input[type="file"] {height: 28px;/* In IE7, the height of the select element cannot be changed by height, only font-size */*margin-top: 4px;/* For IE7, add top margin to align select with labels */line-height: 28px;}
input[type="file"] {line-height: 18px \9;}
select {width: 220px;background-color: #ffffff;}
select[multiple],select[size] {height: auto;}
input[type="image"] {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
textarea {height: auto;}
input[type="hidden"] {display: none;}
.radio,.checkbox {min-height: 18px;padding-left: 18px;}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {float: left;margin-left: -18px;}
.radio.inline,.checkbox.inline { display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {margin-left: 10px;}
input,textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus,textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
/* -----------清除浮动---------- */
.clear:after{ content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear { *display: inline-block; display:block;}
html[xmlns] .clear {display: block;}
* html .clear {height: 1%;}
/* -----------固定布局1002px---------- */
.main-fix { margin:0 auto;width:1002px;}
.main-fix:before,.main-fix:after {display: table;content: "";}
.main-fix:after {clear: both;}
.row-fix{*zoom: 1;}
.row-fix:before,.row-fix:after {display: table;content: "";}
.row-fix:after {clear: both;}
.row-show{ margin:5px 0px;}
.box-show{float:left;}
.box-fix-1 {width: 60px;}
.box-fix-2 {width: 140px;}
.box-fix-3 {width: 220px;}
.box-fix-4 {width: 300px;}
.box-fix-5 {width: 380px;}
.box-fix-6 {width: 460px;}
.box-fix-7 {width: 540px;}
.box-fix-8 {width: 620px;}
.box-fix-9 {width: 700px;}
.box-fix-10 {width: 780px;}
.box-fix-11 {width: 860px;}
.box-fix-12 {width: 940px;}
.box-fix-13 {width: 1002px;}
.box-fix-left{ width:250px;}
.box-fix-right{ width:738px; margin-left:10px;}
/* -----------百分比布局100%---------- */
.main-auto {margin:0 auto;*zoom: 1;}
.main-auto:before,
.main-auto:after {display: table;content: "";}
.main-auto:after {clear: both;}
.row-auto{*zoom: 1;}
.row-auto:before,.row-auto:after {display: table;content: "";}
.row-auto:after {clear: both;}
.box-auto-1 {width: 6.382978723%; *width: 6.329787233638298%;}
.box-auto-2 {width: 14.89361702%;*width: 14.8404255306383%;}
.box-auto-3 {width: 23.404255317%;*width: 23.3510638276383%;}
.box-auto-4 {width: 31.914893614%;*width: 31.8617021246383%;}
.box-auto-5 {width: 40.425531911%;*width: 40.3723404216383%;}
.box-auto-6 {width: 48.93617020799999%;*width: 48.88297871863829%;}
.box-auto-7 {width: 57.446808505%;*width: 57.3936170156383%;}
.box-auto-8 {width: 65.95744680199999%;*width: 65.90425531263828%;}
.box-auto-9 {width: 74.468085099%;*width: 74.4148936096383%;}
.box-auto-10 {width: 82.97872339599999%;*width: 82.92553190663828%;}
.box-auto-11 {width: 91.489361693%;*width: 91.4361702036383%;}
.box-auto-12 {width: 99.99999998999999%;*width: 99.94680850063828%;}
.box-auto-1-2 {width: 50%;}
.box-auto-1-3 {width: 33.33333%;}
.box-auto-2-3 {width: 66.66666%;}
.box-auto-1-4 {width: 25%;}
.box-auto-3-4 {width: 75%;}
.box-auto-1-5 {width: 20%;}
.box-auto-2-5 {width: 40%;}
.box-auto-3-5 {width: 60%;}
.box-auto-4-5 {width: 80%;}
.box-auto-1-6 {width: 16.656%;}
.box-auto-5-6 {width: 83.33%;}
.box-auto-1-8 {width: 12.5%;}
.box-auto-3-8 {width: 37.5%;}
.box-auto-5-8 {width: 62.5%;}
.box-auto-7-8 {width: 87.5%;}
.box-auto-1-12 {width: 8.3333%;}
.box-auto-5-12 {width: 41.6666%;}
.box-auto-7-12 {width: 58.3333%;}
.box-auto-11-12 {width: 91.6666%;}
.box-auto-1-24 {width: 4.1666%;}
.box-auto-5-24 {width: 20.8333%;}
.box-auto-7-24 {width: 29.1666%;}
.box-auto-11-24 {width: 45.8333%;}
.box-auto-13-24 {width: 54.1666%;}
.box-auto-17-24 {width: 70.8333%;}
.box-auto-19-24 {width: 79.1666%;}
.box-auto-23-24 {width: 95.8333%;}
/* -----------间距---------- */
.offset-m-l5{ margin-left:5px;}
.offset-m-l10{ margin-left:10px;}
.offset-m-r5{ margin-right:5px;}
.offset-m-r10{ margin-right:10px; background:tr}
.offset-m-t5{ margin-top:5px;}
.offset-m-t10{ margin-top:10px;}
.offset-m-b5{ margin-bottom:5px;}
.offset-m-b10{ margin-bottom:10px;}
.offset-p-l5{ padding-left:5px;}
.offset-p-10{ padding-left:10px;}
.offset-p-r5{ padding-right:5px;}
.offset-p-r10{ padding-right:10px;}
.offset-p-t5{ padding-top:5px;}
.offset-p-t10{ padding-top:10px;}
.offset-p-b5{ padding-bottom:5px;}
.offset-p-b10{ padding-bottom:10px;}















